<template>
	<view class="slideshow">
		<view class='swiper'>
			<swiper class="swiper-c" :indicator-dots="swiper.indicatorDots" :autoplay="swiper.autoplay" :interval="params.duration"
			 :duration="swiper.duration">
				<swiper-item class="have-none" v-for="(item, index) in params.list" :key="index">
					<image class='' :src="item.image" @click="showSliderInfo(item.linkType, item.linkValue)" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
		<view class="hose-lantern">
			<image src="/static/home/icon/time.png"></image>
			<view>张** 分期购买了冬季羽绒服</view>
		</view>
	</view>

</template>

<script>
	import datas from '@/common/data.js';
	export default {
		name: "jshopimgSlide",
		props: {
			// jdata: {
			// 	required: true,
			// }
		},
		data() {
			return {
				params:{
				    duration:2500,
				    list:[
				        {
				            "image":"/static/images/empty-banner.png",
				            "linkType":1,
				            "linkValue":""
				        },
				        {
				            "image":"/static/images/empty-banner.png",
				            "linkType":1,
				            "linkValue":""
				        }
				    ]
				},
				swiper: {
					indicatorDots: true,
					autoplay: true,
					duration: 500,
				},
			};
		},
		computed: {
			count() {  
				return (this.jdata.params.list.length > 0)
			}
		},
		watch: {},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.slideshow {
		background:rgba(255,255,255,1);
		padding-top:20rpx;
		.swiper {
			width: 670rpx;
			height: 280rpx;
			margin:auto;
			border-radius:36rpx;
		}
		.hose-lantern{
			display: flex;
			padding:38rpx 0 38rpx 42rpx;
			font-size:28rpx;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(51,51,51,1);
			border-radius:0px 0px 24rpx 24rpx;
			image {
				width: 42rpx;
				height: 42rpx;
			}
			view {
				margin-left:10rpx;
			}
			
		}
	}
	
</style>
